<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>主机设置</title>
    <link rel="stylesheet" type="text/css" href="../css/api.css"/>
    <link rel="stylesheet" type="text/css" href="../css/style.css"/>
    <style>
       body{
         background-color: #f8f8f8;
       }
       .container{
         width: 98%;
         margin: 0 auto;
         background-color: #fff;
         box-shadow: 0 0 5px #c8c8c8;
         border-radius: 5px;
         position: relative;
         margin-top: 8px;
         height: 200px;
       }
       .login-btn{
         width: 94%;
         margin: 18px auto 0 auto;
         height: 40px;
         display: block;
         border-radius: 20px;
         background-image: linear-gradient(to right, #81B846, #81B846);
         line-height: 40px;
         text-align: center;
         color: #fff;
         box-shadow: 0 5px 5px rgba(143,184,99, 0.2);
         transition: all .3s;
       }
       .key-value-container{
         font-size: 18px;margin-top: 16px;
       }
       .info-container{position: absolute;left: 12px;top: 2px;text-align:justify;}
       .key{color: #c8c8c8;}
       .value{margin-left: 4px;color: #000;}
       .modify{position: absolute;right: 12px;bottom:12px;font-size: 14px;color: #c8c8c8;}
    </style>
</head>
<body>
     <div class="container">
       <div class="info-container">
         <div class="key-value-container"><span class="key">联系人：</span><span class="value">联点售后</span></div>
         <div class="key-value-container"><span class="key">号码：</span><span class="value">18944813277</span></div>
         <div class="key-value-container"><span class="key">种植面积：</span><span class="value">1200平方米</span></div>
       </div>
       <div class="modify">点击修改</div>
     </div>
     <div class="container" style="height:120px;">
       <div class="info-container">
         <div class="key-value-container"><span class="key">LED欢迎词设置：</span><span class="value"></span></div>
       </div>
       <div class="modify">点击修改</div>
     </div>
     <div class="login-btn" tapmode onclick="">
         删除主机
     </div>
</body>
</html>
